<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>汇率概览</title>
    <link rel="stylesheet" type="text/css" href="../../css/aui.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/set.css"/>
    <style>
        body {
            background-color: #fff;
        }

        header {
            height: 3.2rem !important;
            margin-top: 0rem;
            padding-top: 1rem;
        }

        h4 {
            color: #000000;
        }

        p {
            color: #999999;
        }

        .aui-searchbar {
            background: transparent;
        }

        .aui-bar-nav .aui-searchbar-input {
            background-color: #ffffff;
        }

        .aui-bar-light .aui-searchbar-input {
            background-color: #f5f5f5;
        }

        .aui-bar-nav {
            background: -webkit-linear-gradient(left top, #0F9BEB, #1569C8);
            /* Safari 5.1 - 6.0 */
            background: -o-linear-gradient(bottom right, #0F9BEB, #1569C8);
            /* Opera 11.1 - 12.0 */
            background: -moz-linear-gradient(bottom right, #0F9BEB, #1569C8);
            /* Firefox 3.6 - 15 */
            background: linear-gradient(to bottom right, #0F9BEB, #1569C8);
            /* 标准的语法*/
            top: 0;
            line-height: 2.2rem;
            background-color: #03a9f4;
            color: #ffffff;
            /*padding: 15px 0 2px 0;*/
        }

        img.avatar {
            padding: 0;
            margin: 0 auto;
            width: 20%;
        }

        img.aui-img-round {
            border-radius: 0;
            border: none;
        }
        .aui-bar-nav .aui-btn {
            position: relative;
            z-index: 20;
            height: 2.2rem;
            line-height: 2.2rem;
        }
        .aui-text-info {
            font-size: 1.2rem;
            color: #000000 !important;
        }
        .aui-bar-nav .aui-title {
            min-height: 2.2rem !important;
        }
        .my_logo .logo_title {
            margin-top: 1.2rem;
            font-size: 0.9rem;
            line-height: 0.9rem;
            height: 0.9rem;
            color: #000;
        }

        .aui-card-list-footer.aui-text-center.aui-border-t {
            height: 1.2rem;
            line-height: 1.2rem;
            margin-top: 0.6rem;
        }

        .aui-card-list-header,
        .aui-card-list-footer {
            padding: 0rem 0.75rem;
        }

        .aui-text-center {
            text-align: center !important;
            margin-top: 2.5rem;
        }

        p {
            font-size: 0.6rem;
            margin: 7px;
            color: #757575;
        }

        li.aui-text-center.copyright {
            width: 100%;
            position: absolute;
            bottom: 2rem;
        }



        section.aui-content {
            margin-top: 3.4rem;
        }
        .user-info {
            background-color: #fff;
            padding: 0;
        }
        img.avatar.aui-img-round {
            width: 5.5rem;
            /*height: 5.5rem;*/
            /*line-height:5.5rem;*/
            /*display: inline-block;*/
            margin: 0 auto;
        }
        .aui-text-center.copyright {
            position: absolute;
            width: 100%;
            bottom: 1.7rem;
            margin-top: 0;
        }
        .copyright p {
            height: 0.6rem;
            line-height: 0.6rem;
            margin: 0;
            margin-top: 0.4rem;
            color: #999999;
        }
        .aui-icon-left:before {
            content: none !important;
        }
        .aui-icon-left{
            width: 1.1rem !important;
            height: 1.1rem !important;
            background-image: url("../../image/nav_back@2x.png");
            background-repeat: no-repeat;
            background-size: 1.1rem;
            background-position: center;
        }

    </style>
</head>

<body>
<header class="aui-bar aui-bar-nav">
    <a href="set.html" class="aui-pull-left aui-btn">
        <span class="aui-iconfont aui-icon-left"></span>
    </a>
    <div class="aui-title">汇率概览</div>
</header>
<section class="aui-content user-info aui-text-center aui-margin-b-15 my_logo">

    <img src="../../image/setting_hlgl_icon@2x.png" class="avatar aui-img-round">
    <div class="aui-list-item-title logo_title">货币兑换</div>
    <div class="aui-card-list-footer aui-text-center aui-border-t">
        <div class="aui-text-info exch_count"><span>$</span><span
                id="rmb"></span>&nbsp;<span>=</span>&nbsp;<span>￥</span><span id="maney"></span></div>
    </div>


</section>


        <div class="aui-text-center copyright">
            <p>以上为中国银行汇率信息，仅供参考</p>
            <p>交易时，请以银行柜台成交价为准</p>
        </div>




</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script src="../../jquery-2.1.3.min.js"></script>
<script src="../../script/tool.js"></script>
<script type="text/javascript">

  apiready = function () {
    api.parseTapmode();


    $.ajax({
      url: orginlink + '/symbol/getUSDSymbol',
      type: 'GET',
      headers: {
        "appVersion": "1.0",
        "os": api.systemType,
        "osVersion": api.systemVersion
      },
      contentType: "application/json",
      dataType: 'json',
      success: function (data) {
        if(data.msg == "success"){
          $("#rmb").text(data.result[0].unit);
          $("#maney").text(data.result[0].bankPrice);
        }
      }
    });


  }


</script>

</html>